<script>
	let sharedClass =
		'rounded-full outline outline-8 dark:outline-gray-950 sm:my-6 md:my-8 size-1 my-4 outline-gray-50 bg-green-400';
</script>

<div class="absolute z-0 grid h-full w-full items-center gap-8 lg:grid-cols-2">
	<section class="absolute z-0 grid h-full w-full grid-cols-2 place-content-between">
		<div class="{sharedClass} -mx-[2.5px]"></div>
		<div class="{sharedClass} -mx-[2px] place-self-end"></div>
		<div class="{sharedClass} -mx-[2.5px]"></div>
		<div class="{sharedClass} -mx-[2px] place-self-end"></div>
	</section>
</div>
